<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<title>Site Builder Installer</title>
		<link type="text/css" href="css/smoothness/jquery-ui-1.8.16.custom.css" rel="Stylesheet" />
		<link type="text/css" href="css/install.css" rel="Stylesheet" />
		<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
		<script type="text/javascript" src="js/handlers.js"></script>
		<script>
		var url = "<?php echo $this->url?>";
		$(function() {
			$( "#tabs" ).tabs();
			$('#nextBtn').bind('click', firstChack).removeAttr('disabled');
			$('div[id^="tabs"]').css('font-size', '14px');
		});
		</script>
	</head>
	<body>
		<div id="tabs">
			<ul>
				<li class="tabs_1"><a href="#tabs-1">Welcome</a></li>
				<li class="tabs_2" style="display: none;"><a href="#tabs-2">Начальная проверка</a></li>
				<li class="tabs_3" style="display: none;"><a href="#tabs-3">Настройка БД</a></li>
				<li class="tabs_4" style="display: none;"><a href="#tabs-4">Настройка БД</a></li>
			</ul>
			<div id="tabs-1">
				Welcome to Installer
			</div>
			<div id="tabs-2">
				<div id="chackInfo"></div>
			</div>
			<div id="tabs-3">
				<div style="text-align: justify;">
					Необходимо настроить подключение к базе данных для этого потредуется
					имя пользователя, пароль, адрес хоста, порт и имя таблици:
				</div>
				<br />
				<table border="0" cellpadding="3" cellspacing="3">
					<tr>
						<td>Host:Port</td>
						<td><input name="host" type="text" style="width: 111px;" />
						:<input name="port" type="text" style="width: 52px;" /></td>
					</tr>
					<tr>
						<td>DB Name</td>
						<td><input name="dbname" type="text" style="width: 175px;" /></td>
					</tr>
					<tr>
						<td>User Name</td>
						<td><input name="dbuser" type="text" style="width: 175px;" /></td>
					</tr>
					<tr>
						<td>Password</td>
						<td><input name="dbpassword" type="text" style="width: 175px;" /></td>
					</tr>
					<tr>
						<td>Pprefix</td>
						<td><input name="prefix" type="text" style="width: 175px;" /></td>
					</tr>
				</table>
				<div id="dbCheckMsg"></div>
			</div>
			<div id="tabs-4">
				Создание базы
			</div>
			<button id="checkBtn" style="display: none;">check</button>
			<button id="nextBtn">next</button>
		</div>
	</body>
</html>
